import React, { Component } from "react";
import icon_Card from "../images/icon_Card.svg"
import icon_results from "../images/icon_results.svg"
import { Link } from "react-router-dom";
import { RECORD_WAR_SITUATION_LINK, RECORD_PERFORMANCE_LINK } from "../actions/types.js"
class Record extends Component {
  render(){
    return(
      <div>
        <div className="top-title">战绩</div>
        <div className="record-list">
          <Link to={RECORD_WAR_SITUATION_LINK} className="record-list-item">
            <img src={icon_Card} alt="战况查询" style={{marginRight:12}}/>
            <span>战况查询</span>
          </Link>
          <Link to={RECORD_PERFORMANCE_LINK} className="record-list-item">
            <img src={icon_results} alt="战绩查询" style={{marginRight:12}}/>
            <span>战绩查询</span>
          </Link>
        </div>
      </div>
    )
  }
}
export default Record